<template>
	<view>
		<view class="cu-modal" :class="show?'show':''" @tap.stop="TapClose">
			<view class="cu-dialog mc-none-bg" @tap.stop="">
				<view class="bg-white mc-content">
					<slot></slot>
				</view>
				<view class="mc-close-icon" @tap.stop="TapClose">
					<image src="https://oss.mf.microcyan.com/h5/home/20221127/021a5879b2b3c708604c8f3472a944f3.png"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		name: 'mc-modal',
		props: {
			show: {
				type: Boolean,
				default:false
			}
		},
		methods:{
			TapClose(){
				this.$emit('TapClose',{})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.mc-content{
		background-color: #FFFFFF;
		width: 642upx;
		border-radius: 10upx;
		text-align: center;
		font-size: 30upx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		line-height: 40upx;
		margin: 0 auto;
	}
	.mc-close-icon{
		margin-top: 27upx;
		&>image{
			width: 80upx;
			height: 80upx;
		}
	}
</style>
